<template>
  <div class="renew">
      <div class="collected-content" v-show="isShowRenew">
        <div>
            <img width="15px" src="../assets/images/index/收藏.png" alt="">
            <span style="font-size:12px;color:#70cbff;">增加注册期限，避免每年支付gas</span>
        </div>
        <div class="info">
            <div class="time">
                <span style="margin-top:24px;display:inline-block;color:#808080;font-size:12px;">报名时间</span>
                <div class="input">
                    <el-input class="timeInput" v-model="time" placeholder="请输入内容"></el-input>
                    <span style="display:inline-block;color:#4d4d4d;margin:0 20px;">年</span>
                    <el-button>-</el-button>
                    <el-button>+</el-button>
                </div>
            </div>
            <div class="time const">
                <span style="margin-top:24px;margin-bottom:12px; display:inline-block;color:#808080;font-size:12px;">支付注册费用</span>
                <el-input size="small" value="3.432eth" disabled></el-input>
            </div>
        </div>
        <p style="font-size:12px;color:#FF7B7B;margin-bottom:14px;display:inline-block">*扩展您不拥有的名称的注册并不赋予您对该名称的所有权。</p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'renew',
  data () {
    return {
     
    }
  },
  methods:{
     
  }
  
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>
